<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="content-language" content="en-EN" />
    <meta name="robots" content="noindex, nofollow" />
    
    <title>JEELIZ FACEFILTER: BABYLON.JS CUBE DEMO</title>
    
    <!-- INCLUDE JEELIZ FACEFILTER SCRIPT -->
    <script src="../../../dist/jeelizFaceFilter.js"></script>

    <!-- INCLUDE BABYLON.JS
    this is a heavy version of Babylon.js, including many features
    Build you own minified version of Babylon.js on https://www.babylonjs.com/versionbuilder/
    -->
    <script src="../../../libs/babylonjs/v3_1/babylon.custom.js"></script>

    <!-- INCLUDE DEMO SCRIPT -->
    <script src="./main.js"></script>

    <!-- INCLUDE FORK ME ON GITHUB BANNER -->
    <script src="../../appearance/widget.js"></script>

    <link rel="stylesheet" href="../../appearance/style.css" type="text/css" />

    <!-- BABYLONJS CUSTOM SHADER MATERIAL GLSL CODES : -->
    <script type="application/vertexShader" id="videoMatVertexShaderCode">
      attribute vec3 position;
      uniform mat2 videoTransformMat2;
      varying vec2 vUV;

      void main(void){
        gl_Position = vec4(position, 1.);
        vUV = 0.5 + videoTransformMat2 * position.xy;
      }
    </script>

    <script type="application/fragmentShader" id="videoMatFragmentShaderCode">
      precision lowp float;
      uniform sampler2D samplerVideo;
      varying vec2 vUV;

      void main(void){
        gl_FragColor = texture2D(samplerVideo, vUV);
      }
    </script>

  </head>
  
  <body>
    <canvas width="600" height="600" id='jeeFaceFilterCanvas'></canvas>
  </body>
</html>
 
 
